﻿export const settingsItem = [
  {
    type: 'grid',
    name: '栅格布局',
    icon: 'icon-buju',
    model: '',
    columns: [
      {
        span: 12,
        list: []
      },
      {
        span: 12,
        list: []
      }
    ],
    options: {
      gutter: 10,
      justify: 'start',
      align: 'top'
    }
  },
  {
    type: 'tabs',
    name: 'Tabs 标签页',
    icon: 'icon-bootstrap_tabs',
    model: '',
    tabList: [{
      label: 'tab1',
      list: []
    }],
    options: {
      tabType: 'border-card',
      stretch: false
    }
  },
  {
    type: 'table',
    name: '表格',
    icon: 'icon-biaoge',
    model: '',
    dataSet: '', // 所属数据集
    tableColumn: [],
    tableData: [],
    options: {
      stripe: true,
      width: '100%',
      height: 300,
      border: true
    }
  },
  {
    type: 'echarts_line',
    name: '折线图',
    icon: 'icon-icon-test',
    model: '',
    dataSet: '', // 所属数据集
    dimension: '', // 维度
    measurement: [], // 量度
    options: {
      // 图表类型
      type: 'line',
      // 图表所占的高度
      height: 300
    },
    dataOptions: {
      title: {
        show: true,
        text: '某站点用户访问来源',
        left: 'center',
        top: 'top',
        textStyle: {
          color: '#333',
          fontSize: 16
        }
      },
      tooltip: {
        trigger: 'axis',
        formatter: ''
      },
      grid: {
        left: '3%',
        top: '20%',
        right: '3%',
        bottom: '3%',
        containLabel: true
      },
      legend: {
        show: true,
        orient: 'horizontal', // horizontal 图例列表的朝向
        left: 'center',
        top: '10%',
        icon: 'circle', // emptyCircle, circle, rect, roundRect, triangle, diamond, pin, arrow, none
        itemWidth: 10,
        itemHeight: 10,
        itemGap: 16,
        textStyle: {
          color: '#333',
          fontSize: 12
        },
        data: []
      },
      xAxis: {
        type: 'category',
        show: true,
        boundaryGap: false,
        name: '', // 名称
        nameGap: 15, // 坐标轴名称与轴线之间的距离
        nameRotate: 0, // 坐标轴旋转角度
        nameLocation: 'end', // 坐标轴名称显示位置。start, center, end
        nameTextStyle: {
          color: '#333',
          fontSize: 12
        },
        axisLabel: { // 刻度的样式
          show: true,
          textStyle: {
            color: '#333',
            fontSize: 12
          },
          formatter: '{value}'
        },
        axisLine: { // 坐标轴线
          show: true,
          lineStyle: {
            color: '#333',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        splitLine: { // 坐标轴分隔线
          show: false,
          lineStyle: {
            color: '#eee',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        data: []
      },
      yAxis: {
        type: 'value',
        show: true,
        nameLocation: 'end', // 坐标轴名称显示位置。start, center, end
        name: '',
        nameGap: 10,
        nameRotate: 0, // 坐标轴旋转角度
        nameTextStyle: {
          color: '#333',
          fontSize: 12
        },
        axisLabel: { // 刻度的样式
          show: true,
          textStyle: {
            color: '#333',
            fontSize: 12
          },
          formatter: '{value}'
        },
        axisLine: { // 坐标轴线
          show: true,
          lineStyle: {
            color: '#333',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        splitLine: { // 坐标轴分隔线
          show: false,
          lineStyle: {
            color: '#eee',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        }
      },
      series: []
    }
  },
  {
    type: 'echarts_bar',
    name: '柱状图',
    icon: 'icon-tubiaozhuzhuangtu',
    model: '',
    isVerticalBar: false, // 是否为条形柱状图
    dataSet: '', // 所属数据集
    dimension: '', // 维度
    measurement: [], // 量度
    options: {
      // 图表类型
      type: 'bar',
      // 图表所占的高度
      height: 300
    },
    dataOptions: {
      title: {
        show: true,
        text: '某站点用户访问来源',
        left: 'center',
        top: 'top',
        textStyle: {
          color: '#333',
          fontSize: 16
        }
      },
      tooltip: {
        trigger: 'axis',
        formatter: ''
      },
      grid: {
        left: '3%',
        top: '20%',
        right: '3%',
        bottom: '3%',
        containLabel: true
      },
      legend: {
        show: true,
        orient: 'horizontal', // horizontal 图例列表的朝向
        left: 'center',
        top: '10%',
        icon: 'rect', // emptyCircle, circle, rect, roundRect, triangle, diamond, pin, arrow, none
        itemWidth: 10,
        itemHeight: 10,
        itemGap: 16,
        textStyle: {
          color: '#333',
          fontSize: 12
        },
        data: []
      },
      xAxis: {
        type: 'category',
        show: true,
        boundaryGap: false,
        name: '', // 名称
        nameGap: 15, // 坐标轴名称与轴线之间的距离
        nameRotate: 0, // 坐标轴旋转角度
        nameLocation: 'end', // 坐标轴名称显示位置。start, center, end
        nameTextStyle: {
          color: '#333',
          fontSize: 12
        },
        axisLabel: { // 刻度的样式
          show: true,
          textStyle: {
            color: '#333',
            fontSize: 12
          },
          formatter: '{value}'
        },
        axisLine: { // 坐标轴线
          show: true,
          lineStyle: {
            color: '#333',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        splitLine: { // 坐标轴分隔线
          show: false,
          lineStyle: {
            color: '#eee',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        data: []
      },
      yAxis: {
        type: 'value',
        show: true,
        nameLocation: 'end', // 坐标轴名称显示位置。start, center, end
        name: '',
        nameGap: 10,
        nameRotate: 0, // 坐标轴旋转角度
        nameTextStyle: {
          color: '#333',
          fontSize: 12
        },
        axisLabel: { // 刻度的样式
          show: true,
          textStyle: {
            color: '#333',
            fontSize: 12
          },
          formatter: '{value}'
        },
        axisLine: { // 坐标轴线
          show: true,
          lineStyle: {
            color: '#333',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        splitLine: { // 坐标轴分隔线
          show: false,
          lineStyle: {
            color: '#eee',
            width: 1,
            type: 'solid' // solid, dashed, dotted
          }
        },
        data: []
      },
      series: []
    }
  },
  {
    type: 'echarts_pie',
    name: '饼图',
    icon: 'icon-pie-chart',
    model: '',
    dataSet: '', // 所属数据集
    dimension: '', // 维度
    measurement: '', // 量度--饼图目前只支持一个
    options: {
      // 图表类型
      type: 'pie',
      // 图表所占的高度
      height: 300
    },
    dataOptions: {
      title: {
        show: true,
        text: '某站点用户访问来源',
        left: 'center',
        top: 'top',
        textStyle: {
          color: '#333',
          fontSize: 16
        }
      },
      tooltip: {
        trigger: 'item',
        confine: true,
        formatter: ''
      },
      grid: {
        left: '3%',
        top: '20%',
        right: '3%',
        bottom: '3%',
        containLabel: true
      },
      legend: {
        show: true,
        orient: 'horizontal', // horizontal 图例列表的朝向
        left: 'center',
        top: '10%',
        icon: 'rect', // emptyCircle, circle, rect, roundRect, triangle, diamond, pin, arrow, none
        itemWidth: 10,
        itemHeight: 10,
        itemGap: 16,
        textStyle: {
          color: '#333',
          fontSize: 12
        },
        data: []
      },
      series: []
    }
  }
]
